<template>
  <ViewBox>
    <ControlItem v-for="(d, i) of dataCore.controls" :key="i" :d="d" :index="i" />
  </ViewBox>
</template>

<script>
import dataApi from './data-api'
import ViewBox from './ViewBox'
import ControlItem from './Controls/IndexView'
export default {
  components: {
    ViewBox,
    ControlItem
  },
  computed: {
    dataCore () {
      return dataApi.core
    }
  }
}
</script>
